import type { Config } from 'tailwindcss';

const config: Config = {
  content: [
    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
  ],
  theme: {
    extend: {
      colors: {
        // 主色调：白色、浅灰色（模拟宣纸质感）、黑色（模拟墨色）
        paper: '#f8f8f0', // 宣纸色
        ink: '#222222', // 墨色
        'paper-dark': '#e8e8e0', // 深色宣纸
        'ink-light': '#444444', // 浅色墨
        // 辅助色：原木色、深灰色
        wood: '#d4a76a', // 原木色
        'wood-dark': '#b8860b', // 深色原木
        'ink-gray': '#666666', // 墨灰色
      },
      fontFamily: {
        // 英文/数字字体：无衬线字体
        sans: ['Inter', 'Helvetica Neue', 'Arial', 'sans-serif'],
        // 中文字体：现代感
        serif: ['Noto Serif SC', 'Microsoft YaHei', 'SimSun', 'serif'],
      },
      spacing: {
        // 留白相关的间距
        'white-space': '3rem',
        'white-space-md': '2rem',
        'white-space-sm': '1rem',
      },
      transitionProperty: {
        'height': 'height',
        'spacing': 'margin, padding',
      },
    },
  },
  plugins: [
    // 这里可以添加Tailwind CSS插件
  ],
};

export default config;